/* .bd (@lineWidth @color) {
  border-top: @lineWidth solid @color;
  border-bottom: @lineWidth solid @color;
} */
// 传参  @lineWidth:3px 默认值为3px
.bd (@lineWidth:3px,@color:red) {
  border-top: @lineWidth solid @color;
  border-bottom: @lineWidth solid @color;
}
.txtOverflow {
  width: 200px;
  overflow: hidden;
}
#box {
  color: red;
  .bd(2px,red);
}
p {
  // .bd(); 或
  .bd;
  .txtOverflow;
}

.shadow(@x1,@y1,@blur1,@color1,@x2:2px,@y2:2px,@blur2:2px,@color2:gray) {
  box-shadow: @x1 @y1 @blur1 @color1;
  text-shadow: @x2 @y2 @blur2 @color2;
}
article {
  .shadow(1px, 1px, 2px, pink,1px,1px,0px,#000);
}
section {
  .shadow(1px, 1px, 2px,aqua); 
  //参数设置了默认值可以不传参，自动设置为默认值
}

// 封装为一个函数 括号可以省略不写
.txtOver(){
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.p1{
  .txtOver();
  .txtOver;
}